.horizontal4{
    width: 25%;
    height: 100%;
    float: left;

}
.horizontal3{
    width: 33.33%;
    height: 100%;
    float: left;
}
.vertical4{
    height: 25%;
    width: 100%;
}
.vertical3{
    height: 33.33%;
    width: 100%;
}
.div{
    height: 260px;
    text-align: center;
}
.img{
    height: 100%;
    width: 100%;
}
ul{
    margin: 0;
    padding: 0;
}
ul li{
    width: 20%;
    list-style: none;
    float: left;
    display: inline;
}
ul li a{
    color: #6a4242;
    display: block;
    text-decoration: none;
    padding: 0 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: rgb(29, 21, 10);
}
ul li a:hover{
    background: #666;
    border-bottom: 1px solid #f00;
}
ul li ul{visibility: hidden;}
ul li:hover ul{visibility: visible;}
ul li ul li{
    width: 100%;
    display: inline;
    list-style: none;
}
